﻿.container .main-content-production
{
    margin: 0px;
    border-left: 1px solid #dddddd;
}

    .container .main-content-production .bs-callout
    {
        margin-top: 0px;
    }

.container .bs-example:after
{
    content: none;
}

.container .row
{
    margin: 0px;
    background-color: #eeeeee;
    border-radius: 6px;
}

.responsive-utilities td
{
    text-align: left;
}

.wrapper
{
    margin: 0px;
    padding: 0px;
    width: 83.333%;
}

.wrapper-content
{
    width: 85%;
    float: right;
}

/* main content production */
.main-content-production
{
    width: 80.33%;
    float: left;
}

/* 
    Left Menu    
*/
.hight-light-h1
{
    font-size: 18px;
    margin: 0px;
    padding: 9px;
    border-left: 3px solid #eee;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
    color: #428bca;
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}

.left-menu .node-tin-tuc
{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 9px;
    padding-top: 9px;
}

    .left-menu .node-tin-tuc:last-child
    {
        border-bottom: none;
    }

.left-menu a
{
    font-size: 15px;
    margin: 9px 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    font-weight: bold;
    cursor: auto;
}

    .left-menu a:hover
    {
        color: #428bca;
        text-decoration: none;
    }

.left-menu p
{
    margin-top: 9px;
}

/*
    Index > Show Production    
*/
.group-production
{
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #dddddd;
}

    .group-production .title-production
    {
        position: relative;
    }

        .group-production .title-production a
        {
            background-color: #dff0d8;
            padding: 156px 35px;
            display: block;
            float: left;
        }

            .group-production .title-production a:hover
            {
                text-decoration: none;
            }

            .group-production .title-production a span
            {
                left: -24px;
                position: absolute;
                font-size: 25px;
                display: block;
                text-transform: uppercase;
                transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
            }

    .group-production .list-production
    {
        margin-left: 80px;
        overflow: hidden;
        padding-left: 34px;
        height: 315px;
    }

    .group-production .node-production
    {
        width: 33.333333%;
        overflow: hidden;
        float: left;
        padding-right: 20px;
        height: 100%;
        position: relative;
    }

        .group-production .node-production img
        {
            width: 100%;
            height: auto;
        }

        .group-production .node-production a
        {
            cursor: auto;
        }

        .group-production .node-production span
        {
            display: block;
            margin-top: 15px;
        }

        .group-production .node-production .name-production
        {
            font-size: 18px;
            font-weight: 700;
        }

        .group-production .node-production .price
        {
            font-size: 22px;
            color: #c91512 !important;
            font-weight: bold;
            position: absolute;
            bottom: 0;
        }

.click-direction-production
{
    display: block;
    height: 50px;
    width: 25px;
    position: absolute;
    background: no-repeat url(Image/left-right-arrow-semi-rd._V236573507_.gif);
    position: absolute;
    top: 50px;
}

    .click-direction-production:active
    {
        background: no-repeat url(Image/left-right-arrow-semi-rd._V236573507_.gif) 0px -50px;
    }

.click-to-show-pre-production
{
    visibility: visible;
    left: 78px;
}

    .click-to-show-pre-production span
    {
        display: none;
    }

.click-to-show-next-production
{
    visibility: visible;
    background: no-repeat url(Image/left-right-arrow-semi-rd._V236573507_.gif) -25px 0;
    right: -15px;
    z-index: 10;
}

    .click-to-show-next-production span
    {
        display: none;
    }

    .click-to-show-next-production:active
    {
        background: no-repeat url(Image/left-right-arrow-semi-rd._V236573507_.gif) -25px -50px;
    }


.dat-hang
{
    position: absolute;
    bottom: 0px;
    right: 20px;
}

/*
    Footer    
*/
#footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
}
